.page-body {
	width: 100vw;
	height: calc(100vh - 50px);
	// overflow-y: scroll;
	// 以下是头部设置
	.index-header {
		background: linear-gradient(138deg, #f40497, #f81131);
		width: 100%;
		.index-header-v {
			margin: 0 auto;
			width: 90%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			text-align: center;
			font-size: 35upx;
			color: #ffffff;
			height: 46px;
			image {
				width: 57upx;
				height: 57upx;
			}
			text {
				width: 80%;
			}
		}
	}
	// 以下为轮播图设置
	.index-swiper {
		.swiper {
			height: 300upx;
		}
		.swiper-item {
			width: 100%;
			height: 100%;
		}
		image {
			width: 100%;
			height: 100%;
		}
	}
	//以下为input输入设置
	.index-input {
		width: 100%;
		height: 80upx;
		border: 1rpx red solid;
		box-sizing: border-box;
		position: relative;
		margin-top: 1vh;
		border-radius: 10upx;
		input {
			display: flex;
			align-items: center;
			width: 90%;
			height: 100%;
			margin-left: 5%;
			font-size: 30upx;
		}
		image {
			position: absolute;
			width: 45upx;
			height: 45upx;
			top: 25%;
			right: 30upx;
		}
	}
	//以下为分类
	.index-type {
		width: 99.3%;
		background-color: #ffffff;
		margin: 0 auto;
		height: 310upx;
		padding: 0;
		max-width: 640px;
		color: #5e5e5e;
		min-width: 320px;
		margin-top: 20upx;
		ul {
			width: 100%;
			display: flex;
			list-style: none;
			height: 100%;
			flex-wrap: wrap;
			justify-content: space-between;
			padding: 0;
			li {
				width: 19%;
				height: 40%;
				background-color: #ffffff;
				font-size: 26upx;
				display: flex;
				flex-direction: column;
				margin-top: 10upx;
				text-align: center;
				justify-content: space-between;

				image {
					margin: 0 auto;
					width: 50%;
					height: 68upx;
				}
			}
		}
	}
	//以下是商品显示排重
	.index-tabs {
		width: 100%;
	}
	//以下为二维码与箭头
	// .index-upbox {
	// 	position: fixed;
	// 	right: 5upx;
	// 	bottom: 100upx;
	// 	width: 170upx;
	// 	text-align: center;
	// 	height: 170upx;
	// 	display: flex;
	// 	flex-direction: column;
	// 	justify-content: space-between;
	// 	view {
	// 		margin: 0 auto;
	// 		background-color: #ffffff;
	// 		width: 45%;
	// 		height: 45%;
	// 		border-radius: 50%;
	// 		display: flex;
	// 		align-items: center;
	// 		justify-content: center;
	// 		image {
	// 			width: 70%;
	// 			height: 70%;
	// 		}
	// 	}
		
	// }
	//为顶部粘性搜索框
	.index-visc-search {
		width: 100vw;
		position: fixed;
		top: 0;
		height: 80upx;
		z-index: 1;
		display: flex;
		justify-content: space-around;
		background-color: #f8285c;
		border: 2upx solid #f8285c;
		box-sizing: border-box;
		align-items: center;
		image {
			width: 70upx;
			height: 70upx;
		}
		.index-visc-input{
			width: 70%;
			height: 70upx;
			background-color: #FFFFFF;
			border-radius: 2%;
			input{
				width: 80%;
				height: 90%;
				margin: 0 auto;
			}
		}
		.index-viec-right {
			width: 70upx;
			height: 70upx;
			border-radius: 10%;
			background-color: #FFFFFF;
			justify-content: center;
			align-items: center;
			display: flex;
			image{
				width: 60%;
				height: 60%;
			}
		}
	}
}